<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>MerryGirl</title>
    <link rel="shortcut icon" href="img/favicon.ico">
    <link href="css/base.css" rel="stylesheet" style="text/css" />
    <link href="css/common.css" rel="stylesheet" style="text/css" />
    <link href="css/index.css" rel="stylesheet" style="text/css" />
</head>
<body>
 <!-- 左侧小吊灯 -->
 <div class="lamp">
     <img src="img/lamp.png" title="永动小吊灯">
 </div>

 <!-- 背景小点点 -->
 <div class="star_all">
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
        <div class="star"></div>     
 </div>



<!-- 内容外部边框 -->
<div class="out_box">
<!-- 首部内容 -->
<header>
    <div class="header_content">
        <!-- 使得盒子为absolute -->
      <div class="content-box"> 
          <!-- 首页 -->
        <div id="main">
            <p>——Welcome——</p>
            <span>嗨，欢迎来到我的个人主页</span>
            <span>这是一只兴趣使然的有名小站</span>
            <span>？_？&nbsp;&nbsp;*.*&nbsp;&nbsp;@。@&nbsp;&nbsp;</span>
            <span>我的英文名是Merry</span>
            <span>点击 &nbsp;&nbsp; ↓&nbsp;&nbsp;下方小导航，可以了解更多哟~.~ </span>
        </div>
        <div id="me">
            <span>我</span>
            <span>大名 &nbsp;&nbsp;<b>钱敏贵</b></span>
            <span>来自安徽铜陵的一个依山傍水的小村</span>
            <span>爱笑 &nbsp;&nbsp;不爱闹</span>
            <span>爱好<b>看动漫</b>&nbsp;&nbsp;兴趣<b>画画</b></span>
            <span>日常<strong> &nbsp;&nbsp;→ &nbsp;&nbsp;</strong>宅&nbsp;&nbsp;<strong>→ &nbsp;&nbsp;</strong>肥宅<strong> &nbsp;&nbsp;→ &nbsp;&nbsp;</strong>emm
            死肥宅进阶失败……</span>
        </div>
        <div id="learn">
            <span>大三开始接触前端</span>
            <span>课程设计，做过简单静态页面</span>
            <span>暑假实习过编辑岗&nbsp;&nbsp;emmm </span>
            <span>大四上回校上课 </span>
            <span>期间继续学习前端 </span>
            <span>学无止境……持续进阶……</span>
            
        </div>
        <div id="like">
            <span>水彩&nbsp;&nbsp;手工&nbsp;&nbsp;板绘</span><br/>
            <section class="img-box">
            <img src="img/1.jpg" title="手工：无脸男">
            <img src="img/2.jpg" title="水彩：花">
            <img src="img/3.jpg" title="手工：彩涂松果">
            <img src="img/4.jpg" title="水彩：红红">
            <img src="img/5.jpg" title="水彩:金木小天使">
            <img src="img/6.jpg" title="板绘：王也">
            <img src="img/7.jpg" title="水彩：游戏角色">
            <img src="img/8.jpg" title="水彩：鸟儿">
        </section>
        </div>
        <div id="contact">
           
            <form method="POST" action="someone.php"">
                <input class="top1" type="text" name="userName" placeholder="姓名"/><br/>
                <input type="tel" name="userTel" placeholder="手机号"/><br/>
                <textarea rows="10" cols="30" placeholder="留言"></textarea>
                <br/><button type="button">发送</button>
            </form>
        </div>
       </div>
    </div>
</header>

 <!-- 底端导航 -->
 <footer>
     <ul>
         <li><a href="#main">首页</a></li>
         <li><a href="#me">个人介绍</a></li>
         <li><a href="#learn">学习经历</a></li>
         <li><a href="#like">兴趣使然</a></li>
         <li><a  href="#contact">联系</a> </li>
     </ul>
 </footer>
 <!-- 个人信息表格 -->
 <!-- <table class="info_list" border="1">
     <tr colspan="2">
         <td>我的联系方式</td>
     </tr>
     <tr>
         <td>姓名</td>
         <td>钱敏贵</td>
     </tr>
     <tr>
          <td>手机</td>
          <td>15955472900</td>
      </tr>
      <tr>
              <td>QQ</td>
              <td>2283906227</td>
          </tr>
          <tr>
                  <td>微信</td>
                  <td>qinglang_yashe</td>
              </tr>
 </table> -->
</div>
</body>
</html>